Thanks Howard.

Is there any Grid type calendar with in XPages ?

Now i want to show data like a categorized with with Month and Year (similar to calendar).

Thanks

Thanks Howard !!

Looks like FullCalendario works for me. Why you use Java to supply json data. Does Rest services component will not work for it.

Can you share a sample database, that will help me.

I am getting the following error: SCRIPT5007: The value of the property '$' is null or undefined, not a Function object.

Can you suggest me what to do.

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

    <xp:this.resources>
        <xp:styleSheet href="/fullcalendar.min.css"></xp:styleSheet>
        <xp:styleSheet href="/fullcalendar.print.min.css"></xp:styleSheet>        
        <xp:script src="moment.min.js" clientSide="true"></xp:script>
        <xp:script src="jquery.min.js" clientSide="true"></xp:script>        
        
        <xp:script src="fullcalendar.min.js" clientSide="true"></xp:script>
        

        <xp:styleSheet href="/xPageStyle.css"></xp:styleSheet>
    </xp:this.resources>
    
    <xp:this.beforeRenderResponse><![CDATA[#{javascript:
var exCon = facesContext.getExternalContext();
var response = exCon.getResponse();
response.setHeader("X-UA-Compatible", "IE=10");

}]]></xp:this.beforeRenderResponse>
    <div id="calendar"></div>
    <xp:scriptBlock id="scriptValidation">
        <xp:this.value><![CDATA[$(document).ready(function() {

    $('#calendar').fullCalendar({
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'listDay,listWeek,month'
      },

      // customize the button names,
      // otherwise they'd all just say "list"
      views: {
        listDay: { buttonText: 'list day' },
        listWeek: { buttonText: 'list week' }
      },

      defaultView: 'listWeek',
      defaultDate: '2018-03-12',
      navLinks: true, // can click day/week names to navigate views
      editable: true,
      eventLimit: true, // allow "more" link when too many events
      events: [
        {
          title: 'All Day Event',
          start: '2018-03-01'
        },
        {
          title: 'Long Event',
          start: '2018-03-07',
          end: '2018-03-10'
        },
        {
          id: 999,
          title: 'Repeating Event',
          start: '2018-03-09T16:00:00'
        },
        {
          id: 999,
          title: 'Repeating Event',
          start: '2018-03-16T16:00:00'
        },
        {
          title: 'Conference',
          start: '2018-03-11',
          end: '2018-03-13'
        },
        {
          title: 'Meeting',
          start: '2018-03-12T10:30:00',
          end: '2018-03-12T12:30:00'
        },
        {
          title: 'Lunch',
          start: '2018-03-12T12:00:00'
        },
        {
          title: 'Meeting',
          start: '2018-03-12T14:30:00'
        },
        {
          title: 'Happy Hour',
          start: '2018-03-12T17:30:00'
        },
        {
          title: 'Dinner',
          start: '2018-03-12T20:00:00'
        },
        {
          title: 'Birthday Party',
          start: '2018-03-13T07:00:00'
        },
        {
          title: 'Click for Google',
          url: 'http://google.com/',
          start: '2018-03-28'
        }
      ]
    });

  });]]></xp:this.value>
    </xp:scriptBlock></xp:view>

Thanks

Thanks Howard !!. FullCalendar worked for me..:)